//引入清除默认样式
@import './reset.scss';
@import './layout.scss';
@import './transition.scss';

//滚动条外观设置
::-webkit-scrollbar {
  width: 6px;
}

::-webkit-scrollbar-track {
  background-color: #fff;
}

::-webkit-scrollbar-thumb {
  width: 6px;
  background-color: #CDD0D6;
  border-radius: 6px;
}

html,
body,
#app {
  width: 100%;
  height: 100%;
  font-size: 16px;
  font-family: Inter, 'Helvetica Neue', Helvetica, 'PingFang SC',
    'Hiragino Sans GB', 'Microsoft YaHei', '微软雅黑', Arial, sans-serif;
}

#app {
  background-color: #f2f3f5;
}

/* 增加特异性 */
.el-message-box__btns .el-button:focus {
  outline: none !important;
  border: none !important;
}

.drawer-wrapper {
  .el-drawer__header {
    margin-bottom: 0 !important;
    border-bottom: 1px solid var(--el-border-color) !important;
    padding: 10px !important;
  }
}

.el-button:focus {
  outline: none !important;
}

.el-menu--popup {
  min-width: 140px !important;
}

#layout {
  background-color: #f2f3f5;
}